<template>
  <div class="tag" >
    <div class="tagLeft">
      <div class="tagLeftInfo">
        <h3 class="tagH3">品质套餐</h3>
        <p class="tagP1">搭配齐全吃得好</p>
        <p class="tagP2">立即抢购 >></p>
        <div class="tagImg">
          <img style="height: 100px;width: 120px" src="https://fuss10.elemecdn.com/d/d4/16ff085900d62b8d60fa7e9c6b65dpng.png?imageMogr/format/webp/thumbnail/!240x160r/gravity/Center/crop/240x160/">
        </div>
      </div>
    </div>
    <div class="tagRight">
      <div class="tagRightInfo">
        <h3 class="tagH3">二狗套餐</h3>
        <p class="tagP1">吃的好睡的好</p>
        <p class="tagP2">立即抢购 >></p>
        <div class="tagImg">
          <img style="height: 100px;width: 120px"
               src="https://fuss10.elemecdn.com/b/e1/0fa0ed514c093a7138b0b9a50d61fpng.png?imageMogr/format/webp/thumbnail/!240x160r/gravity/Center/crop/240x160/">
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'HomeTag'
  }
</script>
<style scpoed lang="stylus" type="text/stylus">
  .tag
    width:100%
    height: 160px
    .tagLeft
      width :50%
      height :160px
      border-bottom: 1px solid rgba(255,255,255,.2)
      box-sizing :border-box
      float:left
      position :relative
      .tagLeftInfo
        margin :10px
        .tagH3
          font-weight : bold
          color :red
          margin :5px
        .tagP1
          color :#7e8c8d
          margin :5px
        .tagP2
          color:red
          margin-top :15px
        .tagImg
          position :absolute
          bottom:0
          right :10px
    .tagRight
      width :50%
      height :160px
      float:right
      position :relative
      .tagRightInfo
        margin :10px
        .tagH3
          font-weight : bold
          color :red
          margin :5px
        .tagP1
          color :#7e8c8d
          margin :5px
        .tagP2
          color:red
          margin-top :15px
        .tagImg
          position :absolute
          bottom:0
          right :10px
</style>


